.carMap {
  height: 60vh;
  widows: 9rem;
  overflow-y: scroll;
}

.carMap .map {
  width: 100%;
  height: 80.96vh;
}

.carMap .map h3 {
  height: 4.12vh;
  font-size: .53rem;
  font-weight: 500;
  color: #272727;
  line-height: 4.12vh;
  margin-bottom: 2.62vh;
}

.containBox {
  position: relative;
  left: 0;
  top: 0;
  height: 76.39vh;
  width: 9rem;
  margin: 0 auto;
  background-size: 9rem auto;
  font-size: 0px;
}

.containBox .backImg {
  width: 9rem;
  height: 76.39vh;
}

.needImg {
  padding-top: 0.2vh;
  width: .71rem;
  height: 2.1vh;
}

.box_down .needImg, .box_top .needImg {
  width: .37rem;
  height: 3.97vh;
}

.containBox .tip_text {
  position: absolute;
  text-align: center;
  width: 160px;
  height: 120px;
  margin: 10px auto;
  color: #61fbad;
  font-family: "Microsoft JhengHei";
  font-weight: 700;
}

.box_left,
.box_right,
.box_top,
.box_down {
  position: relative;
  display: inline-block;
}

.containBox .leftimgtext {
  position: absolute;
  width: 100%;
  text-align: right;
  top: -6px;
  right: 19px;
  color: #000;
  z-index: 1000;
}

.containBox .rightimgtext {
  position: absolute;
  width: 100%;
  text-align: right;
  top: -10px;
  right: -21px;
  color: #000;
  z-index: 1000;
}

.containBox .left_col1,
.containBox .left_col4 {
  position: absolute;
  width: .83rem;
  height: 77.21vh;
}

.containBox .left_col1 {
  top: 1.65vh;
  left: .07rem;
}

.containBox .left_col1 .rightimgtext {
  top: -4px;
}

.containBox .placeBox {
  width: 100%;
  height: 4.15vh;
}

.containBox .placeBox-sm {
  width: 100%;
  height: 3.45vh;
}

.containBox .placeBigBox {
  width: 100%;
  height: 9.70vh;
}

.containBox .left_col2,
.containBox .left_col3 {
  position: absolute;
  width: 1.65rem;
  height: 76.39vh;
}

.containBox .left_col2 .after_col,
.containBox .left_col3 .after_col {
  position: absolute;
  height: 39.73vh;
  width: .73rem;
  top: 40.10vh;
  left: 1.17rem;
}

.containBox .left_col2 .first_col,
.containBox .left_col3 .first_col,
.containBox .left_col2 .second_col,
.containBox .left_col3 .second_col,
.containBox .left_col2 .before_col,
.containBox .left_col3 .before_col {
  width: .73rem;
  height: 77.21vh;
  display: inline-block;
}

.containBox .left_col2 {
  top: 1.65vh;
  left: 1.87rem;
}

.containBox .left_col3 {
  top: 0.45vh;
  left: 4.46rem;
}

.containBox .left_col3 .offsetMargin {
  position: absolute;
  bottom: 4.90vh;
  right: .4rem;
}

.containBox .left_col4 {
  top: 6.48vh;
  left: 7.22rem;
}

.margin-sm {
  margin-top: 0.82vh;
}

.margin-md {
  margin-top: 1.12vh;
}

.rotate_txt {
  transform: rotate(90deg);
}

.opprotate_txt {
  transform: rotate(-90deg);
}

.bareabox {
  position: relative;
  left: 0;
  top: 0;
  font-size: 0;
  width: 9rem;
  height: 80.58vh;
}

.bareabox .bimg {
  z-index: -1000;
  width: 9rem;
  height: 80.58vh;
}

.bareabox .bfirst {
  position: absolute;
  width: 0.88rem;
  height: 80.58vh;
  text-align: center;
  top: 0.3vh;
  left: 1.10rem;
}

.bareabox .bfirst .marginBottom {
  margin-bottom: 0.37vh;
}

.bareabox .bfirst .box_space {
  display: inline-block;
  width: 100%;
  height: 6.3vh;
}

.bareabox .bfirst .box_space img {
  opacity: 0;
}

.bareabox .bsecond {
  position: absolute;
  width: 2.45rem;
  top: 2.55vh;
  left: 2.4rem;
}

.bareabox .bsecond .marginBigBottom {
  margin-bottom: 1.67vh;
}

.bareabox .bsecond .second_box_one, .bareabox .bsecond .second_box_second, .bareabox .bsecond .second_box_third {
  display: inline-block;
  vertical-align: top;
  width: 0.8rem;
  height: 76.16192vh;
}

.bareabox .bsecond .second_box_second {
  position: relative;
}

.bareabox .bsecond .second_box_second .horTop {
  margin: .18rem auto;
}

.bareabox .bsecond .second_box_second .horBot {
  position: absolute;
  left: 0;
  bottom: 2.95vh;
}

.bareabox .bsecond .second_box_second .rotate_img {
  transform: rotate(90deg);
  --webkit-transform: rotate(90deg);
}

.bareabox .bsecond .second_box_second .opprotate_img {
  transform: rotate(-90deg);
  --webkit-transform: rotate(-90deg);
}

.bareabox .bsecond .second_box_third .gangway {
  height: 6.80vh;
}

.bareabox .bsecond .midBottom {
  margin-bottom: 2.27vh;
}

.bareabox .bsecond .midBigBottom {
  margin-bottom: 3.17vh;
}

.bareabox .bsecond .midgangway {
  height: 6.65vh;
}

.bareabox .bsecond .thirdgangway {
  height: 5.95vh;
}

.bareabox .bthird {
  position: absolute;
  width: 1.65333rem;
  height: 80.58vh;
  top: 2.55vh;
  left: 5.29333rem;
}

.bareabox .bthird .third_one, .bareabox .bthird .third_two {
  display: inline-block;
  width: 0.8rem;
}

.bareabox .bthird .marginBottom {
  margin-bottom: 1.07vh;
}

.bareabox .bfour {
  position: absolute;
  width: 0.88rem;
  height: 80.58vh;
  top: 2.55vh;
  text-align: center;
  left: 7.4rem;
}

.bareabox .bfour .marginBottom {
  margin-bottom: 2.08vh;
}

.careabox {
  position: relative;
  left: 0;
  top: 0;
  font-size: 0;
  width: 9rem;
  height: 71.36432vh;
}

.careabox .rotate_img {
  transform: rotate(90deg);
  --webkit-transform: rotate(90deg);
}

.careabox .opprotate_img {
  transform: rotate(-90deg);
  --webkit-transform: rotate(-90deg);
}

.careabox .cimg {
  height: 71.36432vh;
  width: 9rem;
  position: absolute;
  left: 0;
  top: 0;
}

.careabox .carea_top {
  position: absolute;
  top: 7.51vh;
  left: 2.58rem;
  width: 2.32rem;
  height: 4.72264vh;
}

.careabox .carea_top .needImg {
  padding-left: .08rem;
}

.careabox .left_area {
  width: 0.88rem;
  position: absolute;
  text-align: center;
  left: .69rem;
  top: 8.26vh;
  height: 58.17091vh;
}

.careabox .left_area .left_area_bottom {
  margin-bottom: 0.5vh;
}

.careabox .left_area .margin_bottom {
  margin-bottom: 8vh;
}

.careabox .right_area {
  width: 0.88rem;
  position: absolute;
  top: 15.55vh;
  right: 0.58rem;
}

.careabox .right_area .mid_min {
  margin-bottom: 2vh;
}

.careabox .carea_bottom {
  height: 5.1vh;
  width: 3.95rem;
  position: absolute;
  bottom: 0;
  left: 1.68rem;
}

.careabox .carea_bottom .needImg {
  padding-left: .04rem;
  width: .37rem;
  height: 3.97vh;
}

.careabox .middle_box {
  position: absolute;
  top: 15.55vh;
  left: 2.015rem;
  width: 5.12rem;
  height: 47.53vh;
}

.careabox .middle_box .mid-space {
  margin-bottom: 1.28vh;
}

.careabox .middle_box .mid_min {
  margin-bottom: 2vh;
}

.careabox .middle_box .mid_min_min {
  margin-bottom: 1.58vh;
}

.careabox .middle_box .mid_special {
  margin-bottom: 0.5vh;
}

.careabox .middle_box .rotatebox {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 9.2vh;
}

.careabox .middle_box .rotatebox #C036 {
  position: absolute;
  left: 0.19rem;
  bottom: -8vh;
}

.careabox .middle_box .rotatebox #C035 {
  position: absolute;
  left: 0.19rem;
  bottom: -3vh;
}

.careabox .middle_box .bigspacebox {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 6.94vh;
}

.careabox .middle_box .middle1 {
  display: inline-block;
  vertical-align: top;
  width: 0.77333rem;
  height: 47.22639vh;
}

.careabox .middle_box .middle3 {
  margin-left: 0.19rem;
}

.careabox .middle_box .mid0 {
  margin-left: 0.29rem;
}
